<!DOCTYPE html>
<html lang="nl">

<head>
	<meta charset="iso-8859-1" />
	<meta name="author" content="Chris Hazekamp" />
	<meta name="description" content="{PAGE_DESCRIPTION}" />
	<meta name="keywords" content="{PAGE_KEYWORDS}" />
	<base href="{MAIN_PATH}" />
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />	
	<link rel="stylesheet" type="text/css" href="{PAGE_STYLE}" />
	<link rel="stylesheet" href="scripts/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
	<!--<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>-->
	<script type="text/javascript" src="{MAIN_PATH}scripts/jquery-1.4.1.min.js"></script>
	<script type="text/javascript" src="scripts/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<script type="text/javascript" src="{MAIN_PATH}scripts/tiny_mce/jquery.tinymce.js"></script>

	<script type="text/javascript">
	document.createElement('header');
	document.createElement('footer');
	document.createElement('section');
	document.createElement('aside');
	document.createElement('nav');
	document.createElement('article');
	
	$(document).ready(function() {
	
		$("a.fancy").fancybox({
			'transitionIn'	:	'elastic',
			'transitionOut'	:	'elastic',
			'speedIn'		:	600, 
			'speedOut'		:	200, 
			'overlayShow'	:	false
		});
		
	});

	</script>
	<title>{PAGE_TITLE} | {SITE_NAME}</title>
</head>

<body>

<div id="global">
	
	<header>
		<div id="sitename">
			{SITE_NAME}
		</div>
	</header>
	
	<section id="left">
	
		<aside>
			<div class="head">Menu</div>
			<div class="content">
			<nav>
				<ul id="menu">
					<!-- BEGIN menu -->
					<li><a href="{menu.LINK}" target="{menu.TARGET}" class="{menu.FIRST}">{menu.TITLE}</a></li>
					<!-- END menu -->
				</ul>
			</nav>
			</div>
		</aside>
		
	</section>
	
	<section id="content">